# Фиксированное меню

### Реализация

#### В песочнице CodePen

Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/gBzrEv](https://codepen.io/Netology/pen/gBzrEv?editors=0100#0). Вносите изменения только во вкладке CSS.

##### Внимание: Общую структуру документа создавать не надо, вкладка Codepen «HTML» работает, как тег `<body>`
см. [инструкцию по работе с Codepen](https://github.com/netology-code/guides/tree/master/codepen).

---

## Описание

Вы решили попрактиковаться в верстке и закрепить полученные знания. И вам повезло &mdash; у вас как раз есть задача, для решения которой нужно использовать знания о фиксированных блоках.

У вас есть страница со статьей, которая выглядит следующим образом:

![](https://netology-code.github.io/html-2-homeworks/sources/4-2/fixed-menu-before.jpg)

Вам нужно доработать верстку, чтобы страница выглядела следующим образом:

![](https://netology-code.github.io/html-2-homeworks/sources/4-2/fixed-menu-after.gif)

## Процесс реализации

1. Сделайте так, чтобы элемент с классом `menu` оставался на своей позиции при прокрутке страницы.
2. Задайте позицию "левый верхний угол" элементу с классом `menu`.
3. Для элемента с классом `content` добавьте левый отступ, который равняется ширине элемента с классом `menu`.
4. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage ([скриншот](/sources/screen.md)). Если режим FullPage View выдал ошибку - вам нужно подтвердить свою учетную запись в codepen, пройдя по ссылке из письма, пришедшего от codepen, тогда все должно начать работать корректно.

Не требуется вносить какие-либо другие правки в CSS или писать дополнительные правила, кроме тех, что предусмотрены заданием.

